﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="__ROOT__/Public/static/h-ui.admin/css/style.css" />
<link href="__ROOT__/Public/css/lyz.calendar.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>图片列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 图片管理 <span class="c-gray en">&gt;</span> 图片列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>

<div class="page-container">
	
	<!--s-->
	<form action="{:U('Image/del')}" method="post">
	<input type="hidden" name="id" value="">
	<!--e-->
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><!--s--><button type="submit" id="del" class="btn btn-danger radius"><a href="" onclick="datadel()" ><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a></button> <!--e--><a class="btn btn-primary radius" data-title="添加资讯"  onclick="article_add('添加图片','{:U("Image/add")}')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加图片</a></span></div>
	</form>
    <div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort">
			<thead>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="100">图片</th>
					<th width="60">URL</th>
					
					<th width="85">添加时间</th>
					<th width="120">操作</th>
				</tr>
			</thead>
			<tbody>
				<foreach name="list" item="v">
				<tr class="text-c">
					<!--s--><td><input type="checkbox" value="{$v.id}" name="spCodesid"></td><!--e-->

					<td><a href="{:U('Image/edit?id='.$v['id'])}"><img src="/Public/Uploads/{$v.pic}" width="60" alt=""></a></td>
					<td>{$v.url}</td>
					<td>{$v.addtime|date="Y-m-d H:i:s",###}</td>
					<td class="f-14 td-manage"><a style="text-decoration:none" class="ml-5" href="{:U('Image/edit?id='.$v['id'])}" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5 del" href="{:U('Image/del?id='.$v['id'])}" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
				</foreach>
			</tbody>
			
		</table>

	</div>
	<div class="page">{$page}</div>
</div>
<include file="Public:footer"/>
<script type="text/javascript">
window.onload=function(){
        
        var del = document.getElementsByClassName('del');
    
        for(var i=0; i<del.length;i++)
        {   
            
            del[i].onclick=function(event){
                if(!confirm('确定要删除图片吗？'))
                {
                    event.preventDefault();
                }
            };
        }
    };

$(function(){
	$('.table-sort').dataTable({
	"aaSorting": [[ 3, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,1,4]}// 不参与排序的列
	]
	});
		//s
	//隐藏原自带元素
	$('.dataTables_filter').hide();
	$('.dataTables_length').hide();
	$('.dataTables_info').hide();
	$('.paging_simple_numbers').hide();

	$('#del').on('click',function(event){
		
		

		//统计勾选中的元素
		var spCodesTemp = '';
		$("input:checkbox[name=spCodesid]:checked").each(function(i){
       
        	spCodesTemp += ($(this).val()+",");
		});

		//判断是否有选中
  		if(spCodesTemp == '')
  		{
  			event.preventDefault();
  			// console.log(spCodesTemp);
  		}
  		else
  		{	
  			//提示是否删除
			if(!confirm('确定要删除图片吗？'))
	        {
	            event.preventDefault();
	        }
  			$('[name=id]').val(spCodesTemp);
  		}	
	});
	//e
})

/*资讯-添加*/
function article_add(title,url,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}

</script>
</body>
</html>